import styled from "styled-components";

const Wrapper = styled.div`
    .main {
        width: 1224px;
        margin: auto;
        position: relative;
        top: 76px;
    }


    .table {
        padding: 24px;
        background-color: #f8f9fa;
    }

    .table form {
        border-radius: 4px;
        border: 1px solid #dadce0;
        background-color: #fff;
        box-shadow: inset 4px 0 0 0 #4285f4;
    }

    .table .top {
        justify-content: space-between;
        margin-bottom: 24px;
        font-size: 16px;
    }

    .table form .item {
        display: flex;
        padding: 5px 24px;
        margin: 0 0 0 4px;
        border-bottom: 1px solid #dadce0;
    }

    .table form .item label {
        text-align: left;
        line-height: 36px;
        min-width: 100px;
        padding-right: 12px;
    }

    .table form .item .content {
        line-height: 36px;
        margin-left: 100px;
    }
`;
export default Wrapper;